<template>
  <ScaleBox :width="1920"
            :height="1080"
            bgc="transparent"
            :delay="100">
    <div class="w-full h-full py-4 ">
      <div class="w-full h-1/6">
        <cardBox />
      </div>
        <div class="h-5/6 w-full pl-3 pr-3 py-2">
            <purchase-order/>
        </div>
    </div>
  </ScaleBox>
</template>

<script setup>
import '@/style/tailwind.css'
import ScaleBox from 'vue3-scale-box'
import cardBox from './components/cardBox.vue'
import purchaseOrder from './components/purchaseOrder.vue'
import materialRanking from './components/materialRanking.vue'
import processingTime from './components/processingTime.vue'

</script>

<style scoped lang="scss">

</style>
